//入口函数
$(function () {
  //1.获取用户信息渲染头像
  getUserInfo()

  //2.退出
  $('#logout').on('click', function () {
    layer.confirm('确认退出？', { icon: 3, title: '提示' }, function (index) {
      localStorage.removeItem('token')
      location.href = '/login.html'
      //
      layer.close(index)
    })
  })
})

//封装函数——获取用户信息渲染头像
function getUserInfo() {
  //发送axios请求
  axios({
    method: 'get',
    url: '/my/userinfo',
    // headers: {
    //   Authorization: localStorage.getItem('token'),
    // },
  }).then(res => {
    // console.log(res)
    //判断
    if (res.data.status != 0) {
      return layui.layer.msg(res.data.message)
    }

    //渲染
    renderAvatar(res.data.data)
  })
}

//渲染用户信息和头像
function renderAvatar(user) {
  //渲染欢迎，有nickname，则优先渲染，无则渲染username
  let name = user.nickname || user.username
  $('.welcome').html('欢迎&nbsp;' + name)

  //处理头像，有图片头像，则渲染图片头像，无则渲染文字头像
  if (user.user_pic != null) {
    //有图片头像，则显示图片头像，无则渲染文字头像
    $('.avatar-text').hide()
    $('.layui-nav-img').show().attr('src', user.user_pic)
  } else {
    $('.layui-nav-img').hide()
    //渲染name中的第一个字符，并且大写
    let first = name[0].toUpperCase()
    $('.avatar-text').show().html(first)
  }
}
